
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'占쎈뿭占�,Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

/* ncs layout */
#wrap{width:100%}
#header{width:100%}
#container{_display:inline-block;width:100%}
#container:after{display:block;clear:both;content:''}
.snb{float:left;width:180px;margin-right:-200px}
#content{margin-left:200px}
#footer{width:100%}

/* UI tbl_type */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#383838;text-decoration:none}
.tbl_type{width:100%;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:5px 0 4px;border-top:solid 1px #999;border-bottom:solid 1px #b2b2b2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_type td{padding:8px 0 5px;border-bottom:solid 1px #d2d2d2;text-align:center}
.tbl_type .frm{padding:0;text-align:center}
.tbl_type .frm input{margin:0}
.tbl_type .num,.dot,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal}
.tbl_type .title{text-align:left}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type tr.reply .title a{padding-left:12px;background:url(img/ic_reply.gif) 0 1px no-repeat}
.tbl_type tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}

.tbl_typeModal,.tbl_type th,.tbl_type td{border:0}
.tbl_typeModal{width:100%;border-bottom:1px solid #dddee2;font-family:'占쎈뿭占�,dotum;font-size:12px;table-layout:fixed}
.tbl_typeModal caption{display:none}
.tbl_typeModal th{padding:8px 0 5px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:left;vertical-align:top}
.tbl_typeModal td{padding:8px 5px 5px 12px;border-top:1px solid #dddee2;line-height:16px;vertical-align:top}


html, body{height:100%;margin:0}
.mw_modal{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_modal.open{display:block}
.mw_modal .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5;filter:alpha(opacity=50)}
#modal{position:absolute;top:50%;left:45%;width:500px;margin:-150px 0 0 -194px;padding:28px 28px 0 28px;border:2px solid #555;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#767676;line-height:normal;white-space:normal}
#modal form{display:none;margin:0;padding:0}
#modal fieldset{margin:0;padding:0;border:0}
#modal legend{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#modal .btn_modal,
#modal .btn_modal input{display:inline-block;overflow:visible;position:relative;height:32px;margin:0;padding:0;border:0;background:transparent url(/TeachingPro/images/button/btn_modal.gif) no-repeat;font-size:12px;font-weight:bold;color:#fff;line-height:32px;text-decoration:none !important;vertical-align:middle;cursor:pointer}
#modal .btn_modal{margin:0 4px 0 0;background-position:left top}
#modal .btn_modal input{left:4px;padding:0 24px 0 36px;background-position:right top;*vertical-align:top}
#modal .item{position:relative}
#modal .i_label{display:block;position:static;top:9px;font:bold 11px Tahoma}
#modal .i_text{display:block;position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676}
#modal .i_shorttext{display:block;position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676}
#modal .help{float:none;display:block;position:relative;margin:0 -28px;border:0;padding:15px 0;border-top:1px solid #d9d9d9;background:#fafafa;text-align:center;list-style:none;*zoom:1}
#modal .help li{display:inline;float:none;margin:0;padding:0 6px 0 10px;border-left:1px solid #c3c3c3 !important;line-height:1}
#modal .help li.first{border:0 !important}
#modal .help a{display:inline;float:none;padding:0;background:none;font-size:11px;font-family:Dotum, 占쎈뿭占� Sans-serif;color:#767676;line-height:1;text-decoration:none}
#modal .help a:hover,
#modal .help a:active,
#modal .help a:focus{color:#000;text-decoration:underline}
#modal .g_modal .i_label{left:10px}
#modal .g_modal .i_text{width:200px;margin:0 0 5px 0;padding:8px 0 6px 10px}
#modal .g_modal .i_shorttext{width:116px;margin:0 0 5px 0;padding:8px 0 6px 10px}
/*#modal .g_modal .btn_modal{position:absolute;top:103px;right:28px}*/
#modal .g_modal .btn_modal{position:relative;float:right;margin-top:10px;margin-bottom:10px}

#modal .g_modal .keeping{float:none;height:32px;margin:10px 0;padding:0;line-height:32px}
#modal .g_modal .keeping label{position:static;font-family:Dotum, 占쎈뿭占� Thahoma;cursor:pointer}
#modal .g_modal .i_check{width:13px;height:13px;margin:0 4px 0 0;padding:0;vertical-align:middle}
#modal .g_modal .warning{display:none;float:none;margin:10px 0;line-height:1.4}
#modal .g_modal .warning.open{display:block}
#modal .o_modal{text-align:center}
#modal .o_modal .i_label{left:36px}
#modal .o_modal .i_text{width:200px;margin:0;padding:8px 0 6px 35px;background:url(<%=request.getContextPath()%>/images/button/ico_openid.gif) no-repeat 10px center}
#modal .o_modal .i_shorttext{width:100px;margin:0;padding:8px 0 6px 35px;background:url(<%=request.getContextPath()%>/images/button/ico_openid.gif) no-repeat 10px center}
#modal .o_modal .btn_modal{margin-top:20px;margin-bottom:20px}
#modal.g_modal .g_modal,
#modal.o_modal .o_modal{display:block}
#modal .close{overflow:visible;position:absolute;top:0;right:0;width:25px;height:25px;padding:0;border:0;background:transparent;font:11px/25px Verdana, Geneva, sans-serif;color:#ccc;text-align:center;text-decoration:none !important;cursor:pointer}


#pop_wrap{overflow:visible;position:absolute;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='135',strength='3');line-height:normal}
#pop_wrap img,#pop_wrap fieldset{border:none}
#pop_wrap legend{display:none}
#pop_content{position:relative;z-index:20;border:2px solid #777;background:#fff}
#pop_wrap .ly_header{margin:0 0 5px;padding:8px 0 7px 11px;background:#f4f4f4;color:#000;font-family:'占쎈뿭占�,Dotum,'�대���,Gulim,AppleGothic,Sans-serif;font-size:13px;font-weight:bold}
#pop_wrap .ly_body{margin:0 20px;padding:15px 0 4px;color:#444;font-family:'占쎈뿭占�,Dotum,'�대���,Gulim,AppleGothic,Sans-serif;font-size:12px}
#pop_wrap .ly_body dt{margin:0 0 9px}
#pop_wrap .ly_body dd{margin:0 0 6px}
#pop_wrap .ly_body .input_radio{_margin:-3px;vertical-align:middle}
#pop_wrap .close_layer{position:absolute;top:9px;right:9px}
#pop_wrap .shadow{_display:none;overflow:visible;position:absolute;z-index:10;width:100%;height:100%}
#pop_wrap .shadow2{top:3px;left:3px;background:url(http://static.naver.com/common/layer/shadow2.png)}
#pop_wrap .shadow3{top:2px;left:2px;background:url(http://static.naver.com/common/layer/shadow3.png)}
#pop_wrap .shadow4{top:1px;left:1px;background:url(http://static.naver.com/common/layer/shadow4.png)}
#pop_footer{margin:0 20px;padding:10px 0 15px;border-top:1px solid #e8e8e8;text-align:center}
#pop_footer input,#pop_footer a,#pop_footer img{vertical-align:top}
#pop_footer input,#pop_footer a{margin:0 1px 0 0}

/* table */
.form_table{margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top}
.form_table th{color:#333}
.form_table td{color:#666}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tfoot th{border-bottom:1px solid #ddd}
.form_table tbody td{border-bottom:1px solid #ddd}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 0}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}

/* Content */
h2{color:#2d313a;font-size:1.3em;padding:2px 0 8px 0;margin:0 0 17px 0;border-bottom:3px solid #828282;}
h3{color:#72716c;font-size:1.3em;padding:2px 0 8px 10px;border-bottom:1px solid #dedede;no-repeat left 5px;}
h4{color:#2d313a;font-size:1.5em;padding:2px 0 8px 10px;border-bottom:3px solid #828282; }

/* Sec Navigation */
#cntWrap{width:927px;min-width:900px;min-height:640px; margin:0 auto;padding:44px 0 50px 0;_padding:18px 0 0 0;overflow:hidden;}
#secNavi{float:left;width:164px;margin-right:36px;}
#cntArea{float:left;width:727px;}
#secNavi ul{border-bottom:1px solid #828282;}
#secNavi ul li{font-weight:bold;color:#72716c;font-size:1.2em;padding:10px 0 10px 10px;border-top:1px solid #dedede; no-repeat left 15px;}
#secNavi ul li a{color:#72716c; text-decoration:none;}
#secNavi ul li a:hover{display:block;width:100%;font-weight:bold;background:#db6600;color:#fff;text-decoration:none;}
#secNavi ul li.first-child{border-top:0;padding-top:0;background-position:left 5px;}
#secNavi ul li ul{border-bottom:0;}
#secNavi ul li ul li{padding:0;color:#999;border-top:none;font-size:0.9em;font-weight:normal;background:none;}
#secNavi ul li ul li a{text-decoration:none;}
#secNavi ul li ul li a:hover{display:block;width:100%;font-weight:bold;background:#72716c;color:#fff;text-decoration:none;}

/* etc */
.clear{clear:both}
.total{margin-top:20px;}
.total li{color:#676566;font-size:0.9em;float:left;padding:0 10px 0 8px;background:url(/TeachingPro/images/bul_type3.gif) no-repeat left 7px;}

.btnArea{text-align:right;margin-top:8px;}
.btnArea div{float:right;height:23px;border:0;background:#be064d}
.btnArea div.white{float:right;margin-left:3px;height:23px;border:0;background:url(/TeachingPro/images/btn/btn_w_bg.gif) no-repeat left top;}
html>/**/body .btnArea div{padding:0 0 0 1px;}
input.btnCss1{font-weight:bold;font-size:1em;color:#fff;height:23px;border:0;padding:0 6px;background:#4b4b4b;cursor:pointer;} /* margenta btn */
input.btnCss2{font-weight:bold;font-size:1em;color:#fff;height:23px;border:0;padding:0 6px;background:#ffffff;cursor:pointer;} /* margenta btn */
input.btnCss3{font-weight:bold;color:#8e8e8e;height:23px;border:0;padding:0 6px;background:url(/TeachingPro/images/btn/btn_w_bg.gif) no-repeat right top;cursor:pointer;}/* white bg Btn*/
input.btnCss4{font-weight:bold;color:#fff;width:63px;height:23px;border:1px solid #333333;padding:0 6px;background:#4a4a4a;cursor:pointer;}/* black bg Btn*/
input.bigSize{width:63px;height:43px;}/* black bg Btn*/
input.btnLogin{font-weight:bold;color:#fff;width:73px;height:46px;background:#be064d;border:0;}

.btn_txt{color:#ffffff; background-image:url(/TeachingPro/images/main/btnD_bg.gif);background-repeat: repeat-X;font-family:�대��� font-size:12px; font-weight:bold}

/* search */
.srch{width:100%;padding:5px 0}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch{color:#c4c4c4;text-align:center}
.srch select,.srch input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle}
.srch .keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}
.srch .keyword2{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}


.select{ display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1}
.select *{ margin:0; padding:0; font-size:12px; font-family:Tahoma, Sans-serif; cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#666; text-align:left; line-height:19px; _line-height:normal}
.select .my_value.selected{ font-weight:bold}
.select.open .my_value,
.select .my_value.outLine{ border:1px solid #999}
.select button.my_value{ width:100%; height:21px; *padding-left:5px; text-indent:5px; *text-indent:0}
.select div.my_value{ height:19px; text-indent:8px}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:20px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.select ul.a_list{ display:none}
.select.open ul.a_list{ display:block}
.select ul.i_list{ left:-2000%}
.select.open ul.i_list{ left:0}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px}
.select li label{ position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px}
.select li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select li.hover *{ background:#999; color:#fff}
.select_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0; border:1px solid #bababa; background:#eee; font:bold 11px Tahoma; color:#767676; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer}


/* margin class */
.mt01 { margin-top: 1px; }
.mt02 { margin-top: 2px; }
.mt03 { margin-top: 3px; }
.mt04 { margin-top: 4px; }
.mt05 { margin-top: 5px; }
.mt06 { margin-top: 6px; }
.mt07 { margin-top: 7px; }
.mt08 { margin-top: 8px; }
.mt09 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.ml01 { margin-left: 1px; }
.ml02 { margin-left: 2px; }
.ml03 { margin-left: 3px; }
.ml04 { margin-left: 4px; }
.ml05 { margin-left: 5px; }
.ml06 { margin-left: 6px; }
.ml07 { margin-left: 7px; }
.ml08 { margin-left: 8px; }
.ml09 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }

.mr01 { margin-right: 1px; }
.mr02 { margin-right: 2px; }
.mr03 { margin-right: 3px; }
.mr04 { margin-right: 4px; }
.mr05 { margin-right: 5px; }
.mr06 { margin-right: 6px; }
.mr07 { margin-right: 7px; }
.mr08 { margin-right: 8px; }
.mr09 { margin-right: 9px; }
.mr10 { margin-right: 10px; }

/* font class */
.font0 { font-size: 0; line-height: 0; }
.line12 { line-height: 1.2em; }
.font11 { font-size: 11px; }
.font_36 { color: #363636; }
.font_ff6 { color: #ff6803; }
.font_70 { color: #707070; }
.font_ff6000 { color: #ff6000; }
.font_46 { color: #464646; }
.font_2b { color: #2b2b2b; }
.font_88 { color: #888585; }

.lnb_h{clear:both;width:100%}
.lnb_h:after{display:block;clear:both;content:''}
.lnb_h li{float:left;position:relative;width:100px;margin-right:1px}
.lnb_h li a{display:block;width:100px;padding:5px 0;background:#eee;color:#000;text-align:center;text-decoration:none}
.lnb_h li .sub{display:none;position:absolute;top:25px;left:35px;width:500px}
.lnb_h li .sub li{width:auto}
.lnb_h li .sub li a{width:auto;padding:5px 20px 5px 0;background:none;color:#666;text-align:left}